<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Title</title>
    <link type="text/css" href="./layui/css/layui.css">
    <script type="text/javascript" src="./layui/layui.js"></script>
    <script type="text/javascript">
        layui.use(['layer','jquery'],function(){
            var layer=layui.layer;
            var $=layui.jquery;



            $('button').click(function(){  //说明窗口
                layer.open({
                    type: 1,
                    title: false,
                    closeBtn: 1,
                    shadeClose: true,
                    skin: "outbox",
                    content: "自定义内容",
                    area: ['700px', '530px'],
                    offset:['10px','10px'],
                    btn: ['明白了', '知道了', '哦']
                });
            });



        });
    </script>
    <style>

        div.outbox{

            background-color: pink;

        }
    </style>
</head>
<body>
<button type="button">按钮</button>


</body>
</html>